.app-nearby{
    // padding: 0 .4063rem;
    // width: 9.2188rem;
    // margin: 0 auto;
    .navigation{
        padding: 0 .4063rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        height: .9688rem;
        .nav-left{
            display: flex;
            font-size: .3125rem;
            justify-content: space-between;
            align-items: center;
            height: 100%;
            width: 6.6719rem;
            border-bottom: 1px solid #dddddd;
            .active{
                color: #4294FF;
                font-size: .375rem;
                position: relative;
                &::before{
                    position: absolute;
                    bottom: -0.2656rem;
                    content: '';
                    width: 100%;
                    height: 2px;
                    background-color: #aad9f7;
                }
            }
        }
        .nav-right{
            display: flex;
            align-items: center;
            height: .6719rem;
            border-radius: .3281rem;
            width: 1.5625rem;
            font-size: .3594rem;
            justify-content: center;
            background-color: #aad9f7;
            align-items: center;
            color: rgba(0, 81, 119, 100);
        }
    }
    .dynamics{
        background-color: #ddd;
        padding-bottom: .3125rem;
        .information{
            padding: 0 .4063rem;
            background-color: #fff;
            .user{
                margin-top: .3438rem;
                display: flex;
                justify-content: space-between;
                .use-left{
                    display: flex;
                    margin-top: .4375rem;
                    img{
                        width: .9375rem;
                        height: .9375rem;
                        border-radius: 50%;
                        margin-right: .1875rem;
                    }
                    .use-le-right{
                        display: flex;
                        flex-direction: column;
                        justify-content: space-around;
                        .use-le-rig-top{
                            font-size: .3281rem;
                        }
                        .use-le-rig-bottom{
                            font-size: .2813rem;
                            color: #9A9A9A;
                        }
                    }
                }
                .use-right{
                    font-size: .3594rem;
                    color: #9a9a9a;
                    margin-right: .3125rem;
                    display: flex;
                    align-items: center;
                }
            }
            .text{
                margin: .1875rem 0 .3438rem;
                font-size: .3125rem;
            }
            .picture{
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                .small-picture{
                    width: 2.8906rem;
                    height: 2.8906rem;
                    margin-bottom: .2344rem;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .big-picture{
                    width: 100%;
                    height: 5.625rem;
                    margin-bottom: .2344rem;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }


            }
            .praises{
                display: flex;
                justify-content: space-between;
                .pra-text{
                    color: #8A8A8A;
                    font-size: .3438rem;
                }
                .count{
                    color: #8A8A8A;
                    i{
                        margin-right: .2344rem;
                        font-size: .3438rem;
                    }
                }
            }
        }
    }
}